.hero-selection-ban-panel {
	width: 80%; 
	height: 65%; 
	background-color: #000000FF; 
	border: 2px solid #111111FF;
	flow-children: down;
}

.hero-selection-ban-panel-show {
	position: 10% 15% 10px;
}

.hero-selection-ban-panel-hide {
	position: -100% 15% 10px;

}

.hero-selection-ban-panel Label {
	margin-top: 2px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #FFFFFF;
	text-align: center;
	horizontal-align: center;
	vertical-align: middle;
	text-shadow: 2px 2px 0px 1.0 #000000;
	
	transition-property: color;
	transition-duration: 0.35s;
	transition-timing-function: ease-in-out;
	
	font-size: 18px;
	font-family: defaultFont;
}


.button-invisible {
	visibility: collapse;
}

.ladder_attr_heroes {
	flow-children: right-wrap;
	margin: 20px;
	horizontal-align: center;
}

.hero-image {
	height: 100px;
	width: 70px;
	margin: 5px;
}

.ban-hero {
	flow-children: down;
}

.DefaultValveButtonClass
{
	width: 60px;
	
	min-width: 60px;
	min-height: 36px;
	
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #373d45 ), to( #4d5860 ) );
	border-style: solid;
	border-width: 1px;
	
	padding: 4px 10px;
	
	border-top-color: #555555;
	border-left-color: #494949;
	border-bottom-color: #333333;
	border-right-color: #404040;
	
	transition-property: background-color;
	transition-duration: 0.05s;
	transition-timing-function: linear;
	
	horizontal-align: center;
}
.DefaultValveButtonClass Label
{
	margin-top: 2px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #FFFFFF;
	text-align: center;
	horizontal-align: center;
	vertical-align: middle;
	text-shadow: 2px 2px 0px 1.0 #000000;
	
	transition-property: color;
	transition-duration: 0.35s;
	transition-timing-function: ease-in-out;
	
	font-size: 18px;
	font-family: defaultFont;
}
.DefaultValveButtonClass:hover
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #4c5561 ), to( #6c7d88 ) );
	border-top-color: #aaaaaa77;
	border-left-color: #aaaaaa33;
	border-bottom-color: #333333;
	border-right-color: #404040;
}

.DefaultValveButtonClass:active
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #393939), to( #555555 ) );
	border-top-color: #222222;
	border-left-color: #303030;
	border-bottom-color: #666666;
	border-right-color: #444444;
	sound: "ui_generic_button_click";
}

.ban-hero Label {
	margin-top: 2px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #FFFFFF;
	text-align: center;
	horizontal-align: center;
	vertical-align: middle;
	text-shadow: 2px 2px 0px 1.0 #000000;
	
	transition-property: color;
	transition-duration: 0.35s;
	transition-timing-function: ease-in-out;
	
	font-size: 18px;
	font-family: defaultFont;
}
